<template>
    <div id="parent">
      <common-head :child-name="childName" father-name="系统管理"></common-head>
      <div class="body">
        <query></query>
        <user-list style="margin-top: 12px"></user-list>
      </div>
    </div>
</template>

<script>
    import CommonHead from "./common/commonHead";
    import query from "./user/query";
    import userList from "./user/userList";
    export default {
        props:["childName"],
        name: "UserList",
        components: {CommonHead,query,userList}
    }
</script>

<style scoped>
#parent{
  box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
}
.body{
  background-color: #F0F2F5;
  padding-top: 15px;
  box-sizing: border-box;
}
</style>
